<template>
  <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
    <el-tab-pane label="类型设置" name="first">
      <firstPage />
    </el-tab-pane>
    <el-tab-pane label="流出设置" name="second">
      <secondPage />
    </el-tab-pane>
    <el-tab-pane label="客户属性" name="third">
      <thirdPage />
    </el-tab-pane>
    <el-tab-pane label="标签设置" name="fourth">
      <fourthPage />
    </el-tab-pane>
    <el-tab-pane label="自定义设置" name="fifth">
      <fifthPage />
    </el-tab-pane>
  </el-tabs>
</template>
<script setup>
import firstPage from "./components/First.vue";
import secondPage from "./components/Second.vue";
import thirdPage from "./components/Third.vue";
import fourthPage from "./components/Fourth.vue";
import fifthPage from "./components/Fifth.vue";
let activeName = ref("first");
function handleClick() {}
</script>
<style lang="scss" scoped>
:deep(.el-tabs__content) {
  width: 100%;
  height: calc(100vh - 195px);
}
</style>
